<template>
    <div class="third-party">
        <div class="image">
            <img src="../../../assets/img/third-party.png" alt="">
        </div>
        <p>第三方渠道：<strong>100+</strong>家</p>
        <div class="alliance">
            <i></i>
            <p>垂直类APP与广告联盟为主：百度联盟、腾讯社交广告、360联盟等</p>
        </div>
        <div class="cover">
            <i></i>
            <p>以互联网60万家优质站点为平台，带来100+亿次海量展现，覆盖95%中国网民</p>
        </div>
    </div>
</template>
<script>
export default {
    name: 'ThirdParty',
    data () {
        return {

        }
    }
}
</script>
<style scoped>
.third-party {
    padding-top: 60px;
}
.third-party .image {
    width: 670px;
    height: 275px;
}
.third-party .image img {
    width: 100%;
    height: auto;
}
.third-party>p {
    margin-top: 33px;
    font-size: 36px; /*px*/
    color: #1e90ff;
    text-align: center;
}
.third-party>p strong {
    color: #05173b;
    font-weight: bold;
}
.third-party .alliance {
    margin-top: 60px;
    display: flex;
}
.third-party .alliance i,.third-party .cover i {
    display: block;
    width: 8px;
    height: 30px;
    background-color: #1e90ff;
    margin-top: 3px;
}
.third-party .alliance i {
    width: 7px;
}
.third-party .alliance p,.third-party .cover p {
    font-size: 30px; /*px*/
    color: #708090;
    margin-left: 17px;
    line-height: 40px;
}
.third-party .cover {
    display: flex;
    margin-top: 20px;
}
</style>
